<!DOCTYPE HTML>
<html>
    <head>
	<meta content="text/html;charset=utf-8" http-equiv="content-type">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
        <title>PhoneGap</title> 
        <link type="text/css" href="css/calendar.css" rel="stylesheet">
        <link type="text/css" href="css/jquery.mobile.theme-1.3.1.min.css" rel="stylesheet"> 
        <link type="text/css" href="css/jquery.mobile.structure-1.3.1.min.css" rel="stylesheet">
        <link type="text/css" href="css/style.css" rel="stylesheet">
        <script type="text/javascript" charset="utf-8" src="js/jquery-1.10.1.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="js/jquery.mobile-1.3.1.min.js"></script> 
        <script type="text/javascript" charset="utf-8" src="js/calendar.js"></script>  
        <script type="text/javascript" charset="utf-8" src="js/dataadapter.js"></script> 
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
        <script type="text/javascript">
	        var ispg = false; 
		</script>
        
    </head>
    <body>
    	<div data-role="page" id="index">   
		    <div data-role="header" data-theme="b"> 
			    <a href="activityedit.html" data-mini="true" data-inline="true" data-transition="slide" data-role="button" class="ui-btn-right">新活动</a>
			    <h1>活动日历</h1> 
			</div>
			<div data-role="content"  style="padding:0px">
				<div id="calendar" >
				</div>
			</div>
			 <script>  
		        $("#index").on("pageshow", function() { 
		        	
		        });
		       	var cal = $("#calendar").calendar();
		       	
        		$(".dw-cal-day").click(function(){
        			$.mobile.changePage("activity.html", "slide");
        		});
        </script>
		</div>
    </body>

</html>